<template>
  <c-pop-box :d="{close:false,gap:false,advert:false}">
    <view class="c-count-down">
      <view class="font-size47 color-white text-center" style="padding-top:260upx;margin-bottom:114upx">倒计时</view>
      <view class="dis-flex" style="margin-bottom:124upx;">
        <view>
          <circle-count-down :total="downTime" :fontColor="'#ffffff'" @callback="downCallback"></circle-count-down>
        </view>
      </view>
      <view class="font-size28 color-white text-center">做好准备，即将开始答题</view>
      <view style="margin-top:60upx;margin-bottom:30upx">
		<banner-ad></banner-ad>
      </view>
    </view>
  </c-pop-box>
</template>
<script>
import CPopBox from '@/components/global/c-pop/c-pop-box';
import { mapGetters, mapActions } from 'vuex';
import CircleCountDown from '@/components/circle-count-down';
export default {
  name: 'c-count-down',
  props: {
    d: {
      type: Object
    }
  },
  components: {
    CPopBox,
    CircleCountDown
  },
  data() {
    return {
      downTime: 3, // 12
      list: []
    };
  },
  watch: {},
  computed: {},
  methods: {
    ...mapActions('pop', ['popShow']),
    downCallback() {
      this.popShow();
      uni.navigateTo({
        url: '/pages/home/answer/index'
      });
    }
  },
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
.c-count-down {
  width: 100vw;
  height: 100vh;
  background-color: rgb(65, 3, 163);
}
</style>
